var chart;
$(document).ready(function() {
	$.getJSON('chart2.json', function(data) {
		chart = new Highcharts.Chart({
			chart : {
				renderTo : 'container',
				type : 'scatter',
				zoomType : 'xy'
			},
			title : {
				text : 'Height Versus Weight of 507 Individuals by Gender'
			},
// subtitle : {
// text : 'Source: Heinz 2003'
// },
			xAxis : {
				title : {
					enabled : true,
					text : 'Height (cm)'
				},
				startOnTick : true,
				endOnTick : true,
				showLastLabel : true
			},
			yAxis : {
				title : {
					text : 'Weight (kg)'
				}
			},
			tooltip : {
				formatter : function() {
					return '' + this.x + ' cm, ' + this.y + ' kg';
				}
			},
			legend : {
				layout : 'vertical',
				align : 'left',
				verticalAlign : 'top',
				x : 100,
				y : 70,
				floating : true,
				backgroundColor : '#FFFFFF',
				borderWidth : 1
			},
			plotOptions : {
				scatter : {
					marker : {
						radius : 5,
						states : {
							hover : {
								enabled : true,
								lineColor : 'rgb(100,100,100)'
							}
						}
					},
					states : {
						hover : {
							marker : {
								enabled : false
							}
						}
					}
				}
			},
			series : data
		});

	});
});